<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" >
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <button @click="showMessage" id="followme">展示提示</button>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import { FollowMe } from "@/utils/followme.js"
import Vue from "vue";

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  },
  mounted() {
    // setupFollowMe();

  },
  methods: {
    showMessage() {
      const content = "你好，这个就是Vue的logo，让我啰嗦的讲几句，具体要讲什么呢？主要就是简单的啰嗦几句，你看现在是不是该换行了？";
      const options = [{
        target: "followme",
        // title: "这是一个提示哦",
        // content: new Vue(HelloWorld),
        content: content,
        width: "700px",
        // height: "300px"
        position: "bottom",
        hideClose: true,
        hideBottom: false
      }]
      const followMe = new FollowMe(options)
      followMe.setup();
    }
  }
}
</script>
